<!DOCTYPE html>

<html long="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>乐优商城--商品详情页</title>
    <link rel="icon" href="/assets/img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="/css/webbase.css" />
    <link rel="stylesheet" type="text/css" href="/css/pages-item.css" />
    <link rel="stylesheet" type="text/css" href="/css/pages-zoom.css" />
    <link rel="stylesheet" type="text/css" href="/css/widget-cartPanelView.css" />

    <style type="text/css">
        .goods-intro-list li {
            display: inline-block;
            width: 300px;
        }
        .Ptable {
            margin: 10px 0;
        }
        .Ptable-item {
            padding: 12px 0;
            line-height: 220%;
            color: #999;
            font-size: 12px;
            border-bottom: 1px solid #eee;
        }
        .Ptable-item h3 {
            width: 110px;
            text-align: right;
        }
        .Ptable-item h3, .package-list h3 {
            font-weight: 400;
            font-size: 12px;
            float: left;
        }
        h3 {
            display: block;
            font-size: 1.17em;
            -webkit-margin-before: 1em;
            -webkit-margin-after: 1em;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
            font-weight: bold;
        }
        .Ptable-item dl {
            margin-left: 110px;
        }
        dl {
            display: block;
            -webkit-margin-before: 1em;
            -webkit-margin-after: 1em;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
        }
        .Ptable-item dt {
            width: 160px;
            float: left;
            text-align: right;
            padding-right: 5px;
        }
        .Ptable-item dd {
            margin-left: 210px;
        }
        dd {
            display: block;
            -webkit-margin-start: 40px;
        }
        .package-list {
            padding: 12px 0;
            line-height: 220%;
            color: #999;
            font-size: 12px;
            margin-top: -1px;
        }
        .package-list h3 {
            width: 130px;
            text-align: right;
        }
        .package-list p {
            margin-left: 155px;
            padding-right: 50px;
        }
    </style>

</head>

<body>

<!-- 头部栏位 -->
<!--页面顶部，由js动态加载-->
<div id="itemApp">
    <div id="nav-bottom">
        <ly-top />
    </div>
    <div class="py-container">
        <div id="item">
            <!--面包屑-->
            <div class="crumb-wrap">
                <ul class="sui-breadcrumb">
                    <li>
                        <a href="#">手机</a>
                    </li>
                    <li>
                        <a href="#">手机通讯</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                    </li>
                    <li>
                        <a href="#">OPPO</a>
                    </li>
                    <li class="active">OPPO A57 3GB+32GB内存版 </li>
                </ul>
            </div>
            <!--product-info-->
            <div class="product-info">
                <div class="fl preview-wrap">
                    <!--放大镜效果-->
                    <div class="zoom">
                        <!--默认第一个预览-->
                        <div id="preview" class="spec-preview">
							<span class="jqzoom">
								<img :jqimg="images[0]" :src="images[0]" width="400px" height="400px"/>
                                <!--								<img jqimg="/img/_/b1.png" src="/img/_/s1.png" width="400px" height="400px"/>-->
							</span>
                        </div>
                        <!--下方的缩略图-->
                        <div class="spec-scroll">
                            <a class="prev">&lt;</a>
                            <!--左右按钮-->
                            <div class="items">
                                <ul>
                                    <li v-for="(image,index) in images" :key="index"><img :src="image" :bimg="image" onmousemove="preview(this)" /></li>
                                    <!--<li><img src="/img/_/s2.png" bimg="/img/_/b2.png" onmousemove="preview(this)" /></li>
                                    <li><img src="/img/_/s3.png" bimg="/img/_/b3.png" onmousemove="preview(this)" /></li>
                                    <li><img src="/img/_/s1.png" bimg="/img/_/b1.png" onmousemove="preview(this)" /></li>
                                    <li><img src="/img/_/s2.png" bimg="/img/_/b2.png" onmousemove="preview(this)" /></li>
                                    <li><img src="/img/_/s3.png" bimg="/img/_/b3.png" onmousemove="preview(this)" /></li>
                                    <li><img src="/img/_/s1.png" bimg="/img/_/b1.png" onmousemove="preview(this)" /></li>
                                    <li><img src="/img/_/s2.png" bimg="/img/_/b2.png" onmousemove="preview(this)" /></li>
                                    <li><img src="/img/_/s3.png" bimg="/img/_/b3.png" onmousemove="preview(this)" /></li>
-->								</ul>
                            </div>
                            <a class="next">&gt;</a>
                        </div>
                    </div>
                </div>
                <!--sku详细信息-->
                <div class="fr itemInfo-wrap ">
                    <div class="sku-name">
                        <h4 v-text="sku.title">Apple iPhone 6s（A1700）64G玫瑰金色 移动通信电信4G手机</h4>
                    </div>
                    <div class="news"><span>R15星空紫特别版今天10点开抢，货源稀缺，手慢无！此版本包含迪丽热巴微剧同款T恤、帽子，就要这样“紫”<a href='https://item.jd.com/7294559.html#crumb-wrap' target='_blank'>去看热巴同款</a></span></div>
                    <div class="summary">
                        <div class="summary-wrap">
                            <div class="fl title"><i>价　　格</i></div>
                            <div class="fl price">
                                <i>¥</i><em v-text="ly.formatPrice(sku.price)">5299.00</em><span>降价通知</span>
                            </div>
                            <div class="fr remark"><i>累计评价</i><em>612188</em></div>
                        </div>
                        <div class="summary-wrap">
                            <div class="fl title">
                                <i>促　　销</i>
                            </div>
                            <div class="fl fix-width">
                                <i class="red-bg">加价购</i>
                                <em class="t-gray">满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换购热销商品</em>
                            </div>
                        </div>
                    </div>
                    <div class="support">
                        <div class="summary-wrap">
                            <div class="fl title">
                                <i>支　　持</i>
                            </div>
                            <div class="fl fix-width">
                                <em class="t-gray">以旧换新，闲置手机回收  4G套餐超值抢  礼品购</em>
                            </div>
                        </div>
                        <div class="summary-wrap">
                            <div class="fl title">
                                <i>配 送 至</i>
                            </div>
                            <div class="fl fix-width">
                                <em class="t-gray">上海 <span>有货</span></em>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix choose">
                        <div id="specification" class="summary-wrap clearfix">

                            <dl  v-for="(val,key,index) in specialSpec" :key="index">
                                <dt >
                                    <div class="fl title">
                                        <!--参数名-->
                                        <i >{{paramMap[key]}}</i>
                                    </div>
                                </dt>
                                <dd v-for="(v,j) in val">

                                    <!--可选值-->
                                    <a href="javascript:;" :class="{selected:j === selected[key],locked:isLock=='false'}" @click="indexes[key]=j" >
                                     {{isLock=='false'}}   {{v}}=={{indexes[key]}}<span title="点击取消选择" @click.stop="indexes[key]=null">&nbsp;</span>
                                    </a>
                                </dd>
                                <!--				<dd><a href="javascript:;">银色</a></dd>
                                                <dd><a href="javascript:;">黑色</a></dd>-->
                            </dl>
                        </div>
                        <div class="summary-wrap">
                            <div class="fl title">
                                <div class="control-group">
                                    <div class="controls">
                                        <input autocomplete="off" type="text" disabled value="1" minnum="1" class="itxt" />
                                        <a href="javascript:void(0)" class="increment plus">+</a>
                                        <a href="javascript:void(0)" class="increment mins">-</a>
                                    </div>
                                </div>
                            </div>
                            <div class="fl">
                                <ul class="btn-choose unstyled">
                                    <li>
                                        <a href="success-cart.html" target="_blank" class="sui-btn  btn-danger addshopcar">加入购物车</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--product-detail-->
            <div class="clearfix product-detail">
                <div class="fl aside">
                    <ul class="sui-nav nav-tabs tab-wraped">
                        <li class="active">
                            <a href="#index" data-toggle="tab">
                                <span>相关分类</span>
                            </a>
                        </li>
                        <li>
                            <a href="#profile" data-toggle="tab">
                                <span>推荐品牌</span>
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content tab-wraped">
                        <div id="index" class="tab-pane active">
                            <ul class="part-list unstyled">
                                <li>手机</li>
                                <li>手机壳</li>
                                <li>内存卡</li>
                                <li>Iphone配件</li>
                                <li>贴膜</li>
                                <li>手机耳机</li>
                                <li>移动电源</li>
                                <li>平板电脑</li>
                            </ul>
                            <ul class="goods-list unstyled">
                                <li>
                                    <div class="list-wrap">
                                        <div class="p-img">
                                            <img src="/img/_/part01.png" />
                                        </div>
                                        <div class="attr">
                                            <em>Apple苹果iPhone 6s (A1699)</em>
                                        </div>
                                        <div class="price">
                                            <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                        </div>
                                        <div class="operate">
                                            <a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="list-wrap">
                                        <div class="p-img">
                                            <img src="/img/_/part02.png" />
                                        </div>
                                        <div class="attr">
                                            <em>Apple苹果iPhone 6s (A1699)</em>
                                        </div>
                                        <div class="price">
                                            <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                        </div>
                                        <div class="operate">
                                            <a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="list-wrap">
                                        <div class="p-img">
                                            <img src="/img/_/part03.png" />
                                        </div>
                                        <div class="attr">
                                            <em>Apple苹果iPhone 6s (A1699)</em>
                                        </div>
                                        <div class="price">
                                            <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                        </div>
                                        <div class="operate">
                                            <a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>
                                        </div>
                                    </div>
                                    <div class="list-wrap">
                                        <div class="p-img">
                                            <img src="/img/_/part02.png" />
                                        </div>
                                        <div class="attr">
                                            <em>Apple苹果iPhone 6s (A1699)</em>
                                        </div>
                                        <div class="price">
                                            <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                        </div>
                                        <div class="operate">
                                            <a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>
                                        </div>
                                    </div>
                                    <div class="list-wrap">
                                        <div class="p-img">
                                            <img src="/img/_/part03.png" />
                                        </div>
                                        <div class="attr">
                                            <em>Apple苹果iPhone 6s (A1699)</em>
                                        </div>
                                        <div class="price">
                                            <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                        </div>
                                        <div class="operate">
                                            <a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div id="profile" class="tab-pane">
                            <p>推荐品牌</p>
                        </div>
                    </div>
                </div>
                <div class="fr detail">
                    <div class="clearfix fitting">
                        <h4 class="kt">选择搭配</h4>
                        <div class="good-suits">
                            <div class="fl master">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="/img/_/l-m01.png" />
                                    </div>
                                    <em>￥5299</em>
                                    <i>+</i>
                                </div>
                            </div>
                            <div class="fl suits">
                                <ul class="suit-list">
                                    <li class="">
                                        <div id="">
                                            <img src="/img/_/dp01.png" />
                                        </div>
                                        <i>Feless费勒斯VR</i>
                                        <label data-toggle="checkbox" class="checkbox-pretty">
                                            <input type="checkbox"><span>39</span>
                                        </label>
                                    </li>
                                    <li class="">
                                        <div id=""><img src="/img/_/dp02.png" /> </div>
                                        <i>Feless费勒斯VR</i>
                                        <label data-toggle="checkbox" class="checkbox-pretty">
                                            <input type="checkbox"><span>50</span>
                                        </label>
                                    </li>
                                    <li class="">
                                        <div id=""><img src="/img/_/dp03.png" /></div>
                                        <i>Feless费勒斯VR</i>
                                        <label data-toggle="checkbox" class="checkbox-pretty">
                                            <input type="checkbox"><span>59</span>
                                        </label>
                                    </li>
                                    <li class="">
                                        <div id=""><img src="/img/_/dp04.png" /></div>
                                        <i>Feless费勒斯VR</i>
                                        <label data-toggle="checkbox" class="checkbox-pretty">
                                            <input type="checkbox"><span>99</span>
                                        </label>
                                    </li>
                                </ul>
                            </div>
                            <div class="fr result">
                                <div class="num">已选购0件商品</div>
                                <div class="price-tit"><strong>套餐价</strong></div>
                                <div class="price">￥5299</div>
                                <button class="sui-btn  btn-danger addshopcar">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="tab-main intro">
                        <ul class="sui-nav nav-tabs tab-wraped">
                            <li class="active">
                                <a href="#one" data-toggle="tab">
                                    <span>商品介绍</span>
                                </a>
                            </li>
                            <li>
                                <a href="#two" data-toggle="tab">
                                    <span>规格与包装</span>
                                </a>
                            </li>
                            <li>
                                <a href="#three" data-toggle="tab">
                                    <span>售后保障</span>
                                </a>
                            </li>
                            <li>
                                <a href="#four" data-toggle="tab">
                                    <span>商品评价</span>
                                </a>
                            </li>
                            <li>
                                <a href="#five" data-toggle="tab">
                                    <span>手机社区</span>
                                </a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                        <div class="tab-content tab-wraped">
                            <div id="one" class="tab-pane active">
                                <ul v-for="(group,index) in groups" :key="index" class="goods-intro-list unstyled" style="list-style: none;">
                                    <li v-for="(param,j) in group.params" :key="j">
                                        {{param.name}}：{{param.value + param.unit || ''}}
                                    </li>
                                    <!--	<ul  v-for="(group,index) in groups"    class="goods-intro-list unstyled" style="list-style: none;">
                                            <li v-for="(param,j) in group.params" :key="j" v-if="genericSpec[param.id]" >
                                                {{param.name}} : {{genericSpec[param.id]}}
                                            </li>-->
                                    <!--		<li>分辨率：1920*1080(FHD)</li>
                                            <li>后置摄像头：1200万像素</li>
                                            <li>前置摄像头：500万像素</li>
                                            <li>核 数：其他</li>
                                            <li>频 率：以官网信息为准</li>
                                            <li>品牌： Apple</li>
                                            <li>商品名称：APPLEiPhone 6s Plus</li>
                                            <li>商品编号：1861098</li>
                                            <li>商品毛重：0.51kg</li>
                                            <li>商品产地：中国大陆</li>
                                            <li>热点：指纹识别，Apple Pay，金属机身，拍照神器</li>
                                            <li>系统：苹果（IOS）</li>
                                            <li>像素：1000-1600万</li>
                                            <li>机身内存：64GB</li>-->
                                </ul>
                                <!--商品详情-->
                                <div class="intro-detail"><div style="width: 750px; margin: 0 auto;">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tbody>
                                        <tr>
                                            <td><img src="//img20.360buyimg.com/cms/jfs/t3166/151/4364353245/76710/2c04053c/583ffde8N662a4288.jpg" width="750" height="581" /></td>
                                        </tr>
                                        <tr>
                                            <td><img src="//img13.360buyimg.com/cms/jfs/t3763/11/2052398623/35810/2b64b115/583ffde8N5a88599d.jpg" width="750" height="323" /></td>
                                        </tr>
                                        <tr>
                                            <td><img src="//img14.360buyimg.com/cms/jfs/t4105/196/169531594/120625/df0cd17/583ffde8Nad6ecf71.jpg" width="750" height="772" /></td>
                                        </tr>
                                        <tr>
                                            <td><img src="//img14.360buyimg.com/cms/jfs/t3985/196/151916423/206828/17d698b8/583ffde8Neb72fed8.jpg" width="750" height="948" /></td>
                                        </tr>
                                        <tr>
                                            <td><img src="//img30.360buyimg.com/cms/jfs/t6613/158/618100499/77446/506603c9/5942879bN1a1eab0b.jpg" width="750" height="707" /></td>
                                        </tr>
                                        <tr>
                                            <td><img src="//img11.360buyimg.com/cms/jfs/t3997/193/157290461/90032/2f74f45d/583ffde8Nce4fdf3d.jpg" width="750" height="679" /></td>
                                        </tr>
                                        <tr>
                                            <td><img src="//img13.360buyimg.com/cms/jfs/t3610/17/2053074897/175004/1ca7be08/583ffde8Neaf9d380.jpg" width="750" height="964" /></td>
                                        </tr>
                                        <tr>
                                            <td><img src="//img10.360buyimg.com/cms/jfs/t3298/133/4307813701/113812/7f7a4f07/583ffde8Ncc7f843d.jpg" width="750" height="885" /></td>
                                        </tr>
                                        <tr>
                                            <td><img src="//img12.360buyimg.com/cms/jfs/t3658/338/2132441707/191522/9706d610/583ffde8Nf5d34cac.jpg" width="750" height="688" /></td>
                                        </tr>
                                        <tr>
                                            <td><img src="//img20.360buyimg.com/cms/jfs/t3046/116/4316227513/76568/68a37bd8/583ffde8N8bf19577.jpg" width="750" height="707" /></td>
                                        </tr>
                                        <tr>
                                            <td><img src="//img14.360buyimg.com/cms/jfs/t3775/13/2068490740/224543/61d9668/583ffde8Nfdeb5d8a.jpg" width="750" height="977" /></td>
                                        </tr>
                                        <tr>
                                            <td><img src="//img12.360buyimg.com/cms/jfs/t3592/280/2065111892/126060/2c738124/583ffde8N6bc41459.jpg" width="750" height="903" /></td>
                                        </tr>
                                        <tr>
                                            <td><img src="//img12.360buyimg.com/cms/jfs/t6400/140/631483192/23707/bf5dae68/5942879bNb8813362.jpg" width="750" height="226" /></td>
                                        </tr>
                                        <tr>
                                            <td><img src="https://img10.360buyimg.com/cms/jfs/t18979/167/571029603/155715/f7538462/5a97bd77Ne5a8ce53.jpg" width="750" height="880" /></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div><br/></div>
                            </div>
                            <!--规格与包装-->
                            <div id="two" class="tab-pane">

                                <div class="Ptable" >
                                    <div class="Ptable-item" v-for="(group,index) in groups" :key="index">
                                        <h3>{{group.name}}</h3>
                                        <dl v-for="(param,j) in group.params" >
                                            <dt>{{param.name}}</dt>
                                            <dd>{{param.value + param.unit || ''}}</dd>

                                        </dl>
                                    </div>
                                </div>

                                <!--	<div class="Ptable">
                                        <div class="Ptable-item" v-for="group in groups" :key="group.name">
                                            <h3>{{group.name}}</h3>
                                            <dl>
                                                <div v-for="p in group.params">
                                                    <dt>{{p.name}}</dt><dd>{{p.v + (p.unit || '')}}</dd>
                                                </div>
                                            </dl>
                                        </div>
                                    </div>-->
                                <!--	<div id="two" class="tab-pane">
                                        <div class="Ptable" v-for="(group,index) in groups" :key="index">
                                            <div class="Ptable-item">
                                                <h3>{{group.name}}</h3>
                                                <dl v-for="(param,j) in group.params" v-if="genericSpec[param.id]">
                                                    <dt>{{param.name}}</dt>
                                                    <dd>{{genericSpec[param.id]}}</dd>

                                                </dl>
                                            </div>
                                            &lt;!&ndash;<div class="Ptable-item">
                                                <h3>{{group.name}}</h3>
                                                <dl>
                                                    <dt>品牌</dt><dd>华为（HUAWEI）</dd>
                                                    <dt>型号</dt><dd>CLT-AL00</dd>
                                                    <dt>入网型号</dt><dd>CLT-AL00</dd>
                                                    <dt>上市年份</dt><dd>2018年</dd>
                                                    <dt>上市月份</dt><dd>4月</dd>
                                                </dl>
                                            </div>
            <div class="Ptable-item">
                <h3>主体</h3>
                <dl>
                    <dt>品牌</dt><dd>华为（HUAWEI）</dd>
                    <dt>型号</dt><dd>CLT-AL00</dd>
                    <dt>入网型号</dt><dd>CLT-AL00</dd>
                    <dt>上市年份</dt><dd>2018年</dd>
                    <dt>上市月份</dt><dd>4月</dd>
                </dl>
            </div>
            <div class="Ptable-item">
                <h3>基本信息</h3>
                <dl>
                    <dt>机身颜色</dt><dd>宝石蓝</dd>
                    <dt>机身长度（mm）</dt><dd>155.0 </dd>
                    <dt>机身宽度（mm）</dt><dd>73.9 </dd>
                    <dt>机身厚度（mm）</dt><dd>7.8</dd>
                    <dt>机身重量（g）</dt><dd>约180g（含电池）</dd>
                    <dt>输入方式</dt><dd>触控</dd>
                    <dt>运营商标志或内容</dt><dd>无</dd>
                    <dt>机身材质分类</dt><dd>玻璃后盖</dd>
                </dl>
            </div>&ndash;&gt;
        </div>-->
                                <!--包装清单-->
                                <div class="package-list">
                                    <h3>包装清单</h3>
                                    <p>spuDetail.packingList</p>
                                </div>

                            </div>
                            <!--售后保障-->
                            <div id="three" class="tab-pane">
                                <p>spuDetail.afterService</p>
                            </div>
                            <div id="four" class="tab-pane">
                                <p>商品评价</p>
                            </div>
                            <div id="five" class="tab-pane">
                                <p>手机社区</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--like-->
            <div class="clearfix"></div>
            <div class="like">
                <h4 class="kt">猜你喜欢</h4>
                <div class="like-list">
                    <ul class="yui3-g">
                        <li class="yui3-u-1-6">
                            <div class="list-wrap">
                                <div class="p-img">
                                    <img src="/img/_/itemlike01.png" />
                                </div>
                                <div class="attr">
                                    <em>DELL戴尔Ins 15MR-7528SS 15英寸 银色 笔记本</em>
                                </div>
                                <div class="price">
                                    <strong>
                                        <em>¥</em>
                                        <i>3699.00</i>
                                    </strong>
                                </div>
                                <div class="commit">
                                    <i class="command">已有6人评价</i>
                                </div>
                            </div>
                        </li>
                        <li class="yui3-u-1-6">
                            <div class="list-wrap">
                                <div class="p-img">
                                    <img src="/img/_/itemlike02.png" />
                                </div>
                                <div class="attr">
                                    <em >Apple苹果iPhone 6s/6s Plus 16G 64G 128G</em>
                                </div>
                                <div class="price">
                                    <strong>
                                        <em>¥</em>
                                        <i>4388.00</i>
                                    </strong>
                                </div>
                                <div class="commit">
                                    <i class="command">已有700人评价</i>
                                </div>
                            </div>
                        </li>
                        <li class="yui3-u-1-6">
                            <div class="list-wrap">
                                <div class="p-img">
                                    <img src="/img/_/itemlike03.png" />
                                </div>
                                <div class="attr">
                                    <em>DELL戴尔Ins 15MR-7528SS 15英寸 银色 笔记本</em>
                                </div>
                                <div class="price">
                                    <strong>
                                        <em>¥</em>
                                        <i>4088.00</i>
                                    </strong>
                                </div>
                                <div class="commit">
                                    <i class="command">已有700人评价</i>
                                </div>
                            </div>
                        </li>
                        <li class="yui3-u-1-6">
                            <div class="list-wrap">
                                <div class="p-img">
                                    <img src="/img/_/itemlike04.png" />
                                </div>
                                <div class="attr">
                                    <em>DELL戴尔Ins 15MR-7528SS 15英寸 银色 笔记本</em>
                                </div>
                                <div class="price">
                                    <strong>
                                        <em>¥</em>
                                        <i>4088.00</i>
                                    </strong>
                                </div>
                                <div class="commit">
                                    <i class="command">已有700人评价</i>
                                </div>
                            </div>
                        </li>
                        <li class="yui3-u-1-6">
                            <div class="list-wrap">
                                <div class="p-img">
                                    <img src="/img/_/itemlike05.png" />
                                </div>
                                <div class="attr">
                                    <em>DELL戴尔Ins 15MR-7528SS 15英寸 银色 笔记本</em>
                                </div>
                                <div class="price">
                                    <strong>
                                        <em>¥</em>
                                        <i>4088.00</i>
                                    </strong>
                                </div>
                                <div class="commit">
                                    <i class="command">已有700人评价</i>
                                </div>
                            </div>
                        </li>
                        <li class="yui3-u-1-6">
                            <div class="list-wrap">
                                <div class="p-img">
                                    <img src="/img/_/itemlike06.png" />
                                </div>
                                <div class="attr">
                                    <em>DELL戴尔Ins 15MR-7528SS 15英寸 银色 笔记本</em>
                                </div>
                                <div class="price">
                                    <strong>
                                        <em>¥</em>
                                        <i>4088.00</i>
                                    </strong>
                                </div>
                                <div class="commit">
                                    <i class="command">已有700人评价</i>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

</div>
<script src="/js/vue/vue.js"></script>
<script src="/js/axios.min.js"></script>
<script src="/js/common.js"></script>
<!--接收后台传递过来的数据-->
<script>
    const specialSpec =JSON.parse( "{\"4\":[\"\u73AB\u7470\u91D1\",\"\u91D1\u8272\",\"\u9ED1\u8272\",\"\u5F3A\u5316\u7248\u9ED1\u8272\"],\"12\":[\"3GB\",\"4GB\"],\"13\":[\"32GB\"]}");
    const paramMap = {"4":"\u673A\u8EAB\u989C\u8272","12":"\u5185\u5B58","13":"\u673A\u8EAB\u5B58\u50A8"};
    const skus = [{"id":3712633,"spuId":11,"title":"OPPO A57 3GB+32GB\u5185\u5B58\u7248 \u91D1\u8272 \u5168\u7F51\u901A4G\u624B\u673A \u53CC\u5361\u53CC\u5F85","images":"http:\/\/image.leyou.com\/images\/4\/13\/1524297329122.jpg","price":109900,"ownSpec":"{\"4\":\"\u91D1\u8272\",\"12\":\"3GB\",\"13\":\"32GB\"}","indexes":"1_0_0","enable":true,"createTime":"2018-04-21T15:55:29.000+08:00","lastUpdateTime":"2018-04-21T15:55:29.000+08:00","stock":9999},{"id":3979765,"spuId":11,"title":"OPPO A57 3GB+32GB\u5185\u5B58\u7248 \u9ED1\u8272 \u5168\u7F51\u901A4G\u624B\u673A \u53CC\u5361\u53CC\u5F85","images":"http:\/\/image.leyou.com\/images\/4\/9\/1524297329463.jpg","price":109900,"ownSpec":"{\"4\":\"\u9ED1\u8272\",\"12\":\"3GB\",\"13\":\"32GB\"}","indexes":"2_0_0","enable":true,"createTime":"2018-04-21T15:55:29.000+08:00","lastUpdateTime":"2018-04-21T15:55:29.000+08:00","stock":9999},{"id":4143422,"spuId":11,"title":"OPPO A57 3GB+32GB\u5185\u5B58\u7248 \u73AB\u7470\u91D1\u8272 \u5168\u7F51\u901A4G\u624B\u673A \u53CC\u5361\u53CC\u5F85","images":"http:\/\/image.leyou.com\/images\/14\/7\/1524297328648.jpg","price":109900,"ownSpec":"{\"4\":\"\u73AB\u7470\u91D1\",\"12\":\"3GB\",\"13\":\"32GB\"}","indexes":"0_0_0","enable":true,"createTime":"2018-04-21T15:55:29.000+08:00","lastUpdateTime":"2018-04-21T15:55:29.000+08:00","stock":9999},{"id":6267969,"spuId":11,"title":"OPPO A83 \u5168\u9762\u5C4F\u62CD\u7167\u624B\u673A 4GB+32GB \u9ED1\u8272 \u5168\u7F51\u901A \u79FB\u52A8\u8054\u901A\u7535\u4FE14G \u53CC\u5361\u53CC\u5F85\u624B\u673A","images":"http:\/\/image.leyou.com\/images\/10\/3\/1524297329799.jpg","price":129900,"ownSpec":"{\"4\":\"\u5F3A\u5316\u7248\u9ED1\u8272\",\"12\":\"4GB\",\"13\":\"32GB\"}","indexes":"3_1_0","enable":true,"createTime":"2018-04-21T15:55:30.000+08:00","lastUpdateTime":"2018-04-21T15:55:30.000+08:00","stock":9999}];
    // const indexes = {};
    const groups = [{"id":1,"cid":76,"name":"\u4E3B\u4F53","params":[{"id":1,"cid":76,"groupId":1,"name":"\u54C1\u724C","numeric":false,"unit":"","generic":true,"searching":false,"segments":""},{"id":2,"cid":76,"groupId":1,"name":"\u578B\u53F7","numeric":false,"unit":"","generic":true,"searching":false,"segments":""},{"id":3,"cid":76,"groupId":1,"name":"\u4E0A\u5E02\u5E74\u4EFD","numeric":true,"unit":"\u5E74","generic":true,"searching":false,"segments":""}]},{"id":2,"cid":76,"name":"\u57FA\u672C\u4FE1\u606F","params":[{"id":4,"cid":76,"groupId":2,"name":"\u673A\u8EAB\u989C\u8272","numeric":false,"unit":"","generic":false,"searching":false,"segments":""},{"id":5,"cid":76,"groupId":2,"name":"\u673A\u8EAB\u91CD\u91CF\uFF08g\uFF09","numeric":true,"unit":"g","generic":true,"searching":false,"segments":""},{"id":6,"cid":76,"groupId":2,"name":"\u673A\u8EAB\u6750\u8D28\u5DE5\u827A","numeric":false,"unit":"","generic":true,"searching":false,"segments":""}]},{"id":3,"cid":76,"name":"\u64CD\u4F5C\u7CFB\u7EDF","params":[{"id":7,"cid":76,"groupId":3,"name":"\u64CD\u4F5C\u7CFB\u7EDF","numeric":false,"unit":"","generic":true,"searching":true,"segments":""}]},{"id":4,"cid":76,"name":"\u4E3B\u82AF\u7247","params":[{"id":8,"cid":76,"groupId":4,"name":"CPU\u54C1\u724C","numeric":false,"unit":"","generic":true,"searching":true,"segments":""},{"id":9,"cid":76,"groupId":4,"name":"CPU\u578B\u53F7","numeric":false,"unit":"","generic":true,"searching":false,"segments":""},{"id":10,"cid":76,"groupId":4,"name":"CPU\u6838\u6570","numeric":false,"unit":"","generic":true,"searching":true,"segments":""},{"id":11,"cid":76,"groupId":4,"name":"CPU\u9891\u7387","numeric":true,"unit":"GHz","generic":true,"searching":true,"segments":"0-1.0,1.0-1.5,1.5-2.0,2.0-2.5,2.5-"}]},{"id":5,"cid":76,"name":"\u5B58\u50A8","params":[{"id":12,"cid":76,"groupId":5,"name":"\u5185\u5B58","numeric":false,"unit":"","generic":false,"searching":true,"segments":""},{"id":13,"cid":76,"groupId":5,"name":"\u673A\u8EAB\u5B58\u50A8","numeric":false,"unit":"","generic":false,"searching":true,"segments":""}]},{"id":6,"cid":76,"name":"\u6444\u50CF\u5934","params":[{"id":16,"cid":76,"groupId":6,"name":"\u524D\u7F6E\u6444\u50CF\u5934","numeric":true,"unit":"\u4E07","generic":true,"searching":true,"segments":"0-500,500-1000,1000-1500,1500-2000,2500-"},{"id":17,"cid":76,"groupId":6,"name":"\u540E\u7F6E\u6444\u50CF\u5934","numeric":true,"unit":"\u4E07","generic":true,"searching":true,"segments":"0-500,500-1000,1000-1500,1500-2000,2500-"}]},{"id":7,"cid":76,"name":"\u7535\u6C60\u4FE1\u606F","params":[{"id":18,"cid":76,"groupId":7,"name":"\u7535\u6C60\u5BB9\u91CF\uFF08mAh\uFF09","numeric":true,"unit":"mAh","generic":true,"searching":true,"segments":"0-2000,2000-3000,3000-4000,4000-"}]},{"id":11,"cid":76,"name":"\u5C4F\u5E55","params":[{"id":14,"cid":76,"groupId":11,"name":"\u4E3B\u5C4F\u5E55\u5C3A\u5BF8\uFF08\u82F1\u5BF8\uFF09","numeric":true,"unit":"\u82F1\u5BF8","generic":true,"searching":true,"segments":"0-4.0,4.0-5.0,5.0-5.5,5.5-6.0,6.0-"},{"id":15,"cid":76,"groupId":11,"name":"\u5206\u8FA8\u7387","numeric":false,"unit":"","generic":true,"searching":false,"segments":""}]}];
    const genericSpec =JSON.parse( "{\"1\":\"OPPO\",\"2\":\"A57\",\"3\":2016.0,\"5\":147,\"6\":\"\u5176\u5B83\",\"7\":\"Android\",\"8\":\"\u9A81\u9F99\uFF08Snapdragon)\",\"9\":\"\u9A81\u9F99435\uFF08MSM8940\uFF09\",\"10\":\"\u516B\u6838\",\"11\":1.4,\"14\":5.2,\"15\":\"1280\u00D7720\uFF08HD\uFF09\",\"16\":1600.0,\"17\":1300.0,\"18\":2900.0}");

    // Object.keys(paramMap).forEach(param=>indexes[param]=0);//默认选中第一个

</script>

<!--vue操作数据-->
<script>
    var itemVm = new Vue({
        el:"#itemApp",
        data:{
            ly,
            specialSpec,//特有规格参数展示
            paramMap,//特有规格参数名称
            indexes:{},//选中的特有规格的参数名称以及下标索引
            // indexes:{"12":0,"13":0,"4":0},
            skus,//所有的skus信息
            disabled:[],//禁用的indexes集合
            selected:{},//用来存储上一次的indexes
            genericSpec,//全局的规格参数
        },
        created: function () {
            const index = {};
            Object.keys(this.paramMap).forEach(param => index[param] = 0);//默认选中第一个
            const findIndex = Object.values(index).join("_");
            let find = this.skus.find(sku => sku.indexes == findIndex);//查找skus中是否存在这个组合
            if(find==undefined){//不存在默认就选中skus中第一个的组合
                Object.assign(this.indexes,this.getIndexes(this.skus[0].indexes));
                Object.assign(this.selected,this.indexes);
                return;
            }
            // Object.assign(this.indexes,index);//存在就默认选中第一个
            this.indexes = index;
            Object.assign(this.selected,index);
            console.log(this.isLock());

        },
        computed:{
            sku(){
                let index = Object.values(this.indexes).join("_");
                if(index.length<5){
                    Object.assign(this.selected,this.indexes);
                    return this.skus[0];
                }
                let find = this.skus.find(sku => sku.indexes == index);//查找skus中是否存在这个组合
                if(find==undefined){//不存在默认就选中skus中第一个的组合
                    /*this.indexes=this.getIndexes(this.selected.indexes);*/
                    // this.getIndexes(this.selected);//为vue中的indexes赋值
                    Object.assign(this.indexes,this.selected);

                    const index1=Object.values(this.selected).join("_");
                    return this.skus.find(sku => sku.indexes == index1);//查找skus中是否存在这个组合
                }
                Object.assign(this.indexes,this.getIndexes(find.indexes));//为vue中的indexes赋值
                Object.assign(this.selected,this.indexes);
                return find;
            },//获取选中的sku对象
            images(){
                return this.sku.images ? this.sku.images.split(",") : [""];
            },//展示的图片信息
            groups(){
                groups.forEach(group => {
                    group.params.forEach(param => {
                        if(param.generic){
                            // 通用属性，去spu的genericSpec中获取
                            param.value = this.genericSpec[param.id] || '其它';
                        }else{
                            // 特有属性值，去SKU中获取
                            param.value = JSON.parse(this.sku.ownSpec)[param.id]
                        }
                    })
                })
                return groups;
            },//规格参数组和参数值
            /*groups(){
                groups.params.forEach(param=>{
                    if(param.generic){
                        param.v=genericSpec[param.id];
                    }else{
                        param.v=JSON.parse(this.sku.ownSpec)[param.id];
                    }
                });
                console.log(groups)
                return groups;
            }*/
            /*indexes () {
                let index1 = {};
                let index2 = {};
                Object.keys(this.paramMap).forEach(param=>index1[param]=0)
                Object.assign(index2,index1);
                return index2;
            }*/


        },
        /* watch:{
             indexes:{
                 deep:true,
                 handler(newVal,oldVal){
                     console.log(newVal,oldVal);
                 },
                 immediate: true,
             }
         },*/

        methods:{
            getIndexes(indexStr){
                const index = {};
                Object.keys(this.indexes).forEach((param,i)=>index[param] = parseInt(indexStr.split("_")[i]));//默认选中第一个
                // Object.assign(this.indexes,index);
                return index;
                /*let indexes = {};
                let indexs = indexStr.split("_");
                Object.keys(this.paramMap).forEach(param=>{
                    indexs.forEach(index=>{
                        indexes[param]=index;
                    })
                });
                return indexes;*/
            },
            isLock(){
                return false;
            },

        },
        components:{
            lyTop: () => import('/js/pages/top.js')
        }
    });

</script>

<script type="text/javascript" src="/js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        $("#service").hover(function(){
            $(".service").show();
        },function(){
            $(".service").hide();
        });
        $("#shopcar").hover(function(){
            $("#shopcarlist").show();
        },function(){
            $("#shopcarlist").hide();
        });


    })

</script>

<!--查看数据是否显示掌却-->
<script>
    const a = [{"id":1,"cid":76,"name":"\u4E3B\u4F53","params":[{"id":1,"cid":76,"groupId":1,"name":"\u54C1\u724C","numeric":false,"unit":"","generic":true,"searching":false,"segments":""},{"id":2,"cid":76,"groupId":1,"name":"\u578B\u53F7","numeric":false,"unit":"","generic":true,"searching":false,"segments":""},{"id":3,"cid":76,"groupId":1,"name":"\u4E0A\u5E02\u5E74\u4EFD","numeric":true,"unit":"\u5E74","generic":true,"searching":false,"segments":""}]},{"id":2,"cid":76,"name":"\u57FA\u672C\u4FE1\u606F","params":[{"id":4,"cid":76,"groupId":2,"name":"\u673A\u8EAB\u989C\u8272","numeric":false,"unit":"","generic":false,"searching":false,"segments":""},{"id":5,"cid":76,"groupId":2,"name":"\u673A\u8EAB\u91CD\u91CF\uFF08g\uFF09","numeric":true,"unit":"g","generic":true,"searching":false,"segments":""},{"id":6,"cid":76,"groupId":2,"name":"\u673A\u8EAB\u6750\u8D28\u5DE5\u827A","numeric":false,"unit":"","generic":true,"searching":false,"segments":""}]},{"id":3,"cid":76,"name":"\u64CD\u4F5C\u7CFB\u7EDF","params":[{"id":7,"cid":76,"groupId":3,"name":"\u64CD\u4F5C\u7CFB\u7EDF","numeric":false,"unit":"","generic":true,"searching":true,"segments":""}]},{"id":4,"cid":76,"name":"\u4E3B\u82AF\u7247","params":[{"id":8,"cid":76,"groupId":4,"name":"CPU\u54C1\u724C","numeric":false,"unit":"","generic":true,"searching":true,"segments":""},{"id":9,"cid":76,"groupId":4,"name":"CPU\u578B\u53F7","numeric":false,"unit":"","generic":true,"searching":false,"segments":""},{"id":10,"cid":76,"groupId":4,"name":"CPU\u6838\u6570","numeric":false,"unit":"","generic":true,"searching":true,"segments":""},{"id":11,"cid":76,"groupId":4,"name":"CPU\u9891\u7387","numeric":true,"unit":"GHz","generic":true,"searching":true,"segments":"0-1.0,1.0-1.5,1.5-2.0,2.0-2.5,2.5-"}]},{"id":5,"cid":76,"name":"\u5B58\u50A8","params":[{"id":12,"cid":76,"groupId":5,"name":"\u5185\u5B58","numeric":false,"unit":"","generic":false,"searching":true,"segments":""},{"id":13,"cid":76,"groupId":5,"name":"\u673A\u8EAB\u5B58\u50A8","numeric":false,"unit":"","generic":false,"searching":true,"segments":""}]},{"id":6,"cid":76,"name":"\u6444\u50CF\u5934","params":[{"id":16,"cid":76,"groupId":6,"name":"\u524D\u7F6E\u6444\u50CF\u5934","numeric":true,"unit":"\u4E07","generic":true,"searching":true,"segments":"0-500,500-1000,1000-1500,1500-2000,2500-"},{"id":17,"cid":76,"groupId":6,"name":"\u540E\u7F6E\u6444\u50CF\u5934","numeric":true,"unit":"\u4E07","generic":true,"searching":true,"segments":"0-500,500-1000,1000-1500,1500-2000,2500-"}]},{"id":7,"cid":76,"name":"\u7535\u6C60\u4FE1\u606F","params":[{"id":18,"cid":76,"groupId":7,"name":"\u7535\u6C60\u5BB9\u91CF\uFF08mAh\uFF09","numeric":true,"unit":"mAh","generic":true,"searching":true,"segments":"0-2000,2000-3000,3000-4000,4000-"}]},{"id":11,"cid":76,"name":"\u5C4F\u5E55","params":[{"id":14,"cid":76,"groupId":11,"name":"\u4E3B\u5C4F\u5E55\u5C3A\u5BF8\uFF08\u82F1\u5BF8\uFF09","numeric":true,"unit":"\u82F1\u5BF8","generic":true,"searching":true,"segments":"0-4.0,4.0-5.0,5.0-5.5,5.5-6.0,6.0-"},{"id":15,"cid":76,"groupId":11,"name":"\u5206\u8FA8\u7387","numeric":false,"unit":"","generic":true,"searching":false,"segments":""}]}];
    const b = {"4":"\u673A\u8EAB\u989C\u8272","12":"\u5185\u5B58","13":"\u673A\u8EAB\u5B58\u50A8"};
    const c = [{"name":"\u624B\u673A","id":74},{"name":"\u624B\u673A\u901A\u8BAF","id":75},{"name":"\u624B\u673A","id":76}];
    const d = {"id":11,"brandId":2032,"cid1":74,"cid2":75,"cid3":76,"title":"OPPO A57 3GB+32GB\u5185\u5B58\u7248 ","subTitle":"R15\u661F\u7A7A\u7D2B\u7279\u522B\u7248\u4ECA\u592910\u70B9\u5F00\u62A2\uFF0C\u8D27\u6E90\u7A00\u7F3A\uFF0C\u624B\u6162\u65E0\uFF01\u6B64\u7248\u672C\u5305\u542B\u8FEA\u4E3D\u70ED\u5DF4\u5FAE\u5267\u540C\u6B3ET\u6064\u3001\u5E3D\u5B50\uFF0C\u5C31\u8981\u8FD9\u6837\u201C\u7D2B\u201D<a href='https:\/\/item.jd.com\/7294559.html#crumb-wrap' target='_blank'>\u53BB\u770B\u70ED\u5DF4\u540C\u6B3E<\/a>","saleable":true,"valid":true,"createTime":"2018-04-21T15:55:30.000+08:00","lastUpdateTime":"2018-04-21T15:55:30.000+08:00"};
    const e = {"spuId":11,"description":"<div style=\"width: 750px; margin: 0 auto;\"> \n <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"> \n  <tbody> \n   <tr> \n    <td><img src=\"\/\/img20.360buyimg.com\/cms\/jfs\/t3166\/151\/4364353245\/76710\/2c04053c\/583ffde8N662a4288.jpg\" width=\"750\" height=\"581\" \/><\/td> \n   <\/tr> \n   <tr> \n    <td><img src=\"\/\/img13.360buyimg.com\/cms\/jfs\/t3763\/11\/2052398623\/35810\/2b64b115\/583ffde8N5a88599d.jpg\" width=\"750\" height=\"323\" \/><\/td> \n   <\/tr> \n   <tr> \n    <td><img src=\"\/\/img14.360buyimg.com\/cms\/jfs\/t4105\/196\/169531594\/120625\/df0cd17\/583ffde8Nad6ecf71.jpg\" width=\"750\" height=\"772\" \/><\/td> \n   <\/tr> \n   <tr> \n    <td><img src=\"\/\/img14.360buyimg.com\/cms\/jfs\/t3985\/196\/151916423\/206828\/17d698b8\/583ffde8Neb72fed8.jpg\" width=\"750\" height=\"948\" \/><\/td> \n   <\/tr> \n   <tr> \n    <td><img src=\"\/\/img30.360buyimg.com\/cms\/jfs\/t6613\/158\/618100499\/77446\/506603c9\/5942879bN1a1eab0b.jpg\" width=\"750\" height=\"707\" \/><\/td> \n   <\/tr> \n   <tr> \n    <td><img src=\"\/\/img11.360buyimg.com\/cms\/jfs\/t3997\/193\/157290461\/90032\/2f74f45d\/583ffde8Nce4fdf3d.jpg\" width=\"750\" height=\"679\" \/><\/td> \n   <\/tr> \n   <tr> \n    <td><img src=\"\/\/img13.360buyimg.com\/cms\/jfs\/t3610\/17\/2053074897\/175004\/1ca7be08\/583ffde8Neaf9d380.jpg\" width=\"750\" height=\"964\" \/><\/td> \n   <\/tr> \n   <tr> \n    <td><img src=\"\/\/img10.360buyimg.com\/cms\/jfs\/t3298\/133\/4307813701\/113812\/7f7a4f07\/583ffde8Ncc7f843d.jpg\" width=\"750\" height=\"885\" \/><\/td> \n   <\/tr> \n   <tr> \n    <td><img src=\"\/\/img12.360buyimg.com\/cms\/jfs\/t3658\/338\/2132441707\/191522\/9706d610\/583ffde8Nf5d34cac.jpg\" width=\"750\" height=\"688\" \/><\/td> \n   <\/tr> \n   <tr> \n    <td><img src=\"\/\/img20.360buyimg.com\/cms\/jfs\/t3046\/116\/4316227513\/76568\/68a37bd8\/583ffde8N8bf19577.jpg\" width=\"750\" height=\"707\" \/><\/td> \n   <\/tr> \n   <tr> \n    <td><img src=\"\/\/img14.360buyimg.com\/cms\/jfs\/t3775\/13\/2068490740\/224543\/61d9668\/583ffde8Nfdeb5d8a.jpg\" width=\"750\" height=\"977\" \/><\/td> \n   <\/tr> \n   <tr> \n    <td><img src=\"\/\/img12.360buyimg.com\/cms\/jfs\/t3592\/280\/2065111892\/126060\/2c738124\/583ffde8N6bc41459.jpg\" width=\"750\" height=\"903\" \/><\/td> \n   <\/tr> \n   <tr> \n    <td><img src=\"\/\/img12.360buyimg.com\/cms\/jfs\/t6400\/140\/631483192\/23707\/bf5dae68\/5942879bNb8813362.jpg\" width=\"750\" height=\"226\" \/><\/td> \n   <\/tr> \n   <tr> \n    <td><img src=\"https:\/\/img10.360buyimg.com\/cms\/jfs\/t18979\/167\/571029603\/155715\/f7538462\/5a97bd77Ne5a8ce53.jpg\" width=\"750\" height=\"880\" \/><\/td> \n   <\/tr> \n  <\/tbody> \n <\/table> \n<\/div><br\/>","genericSpec":"{\"1\":\"OPPO\",\"2\":\"A57\",\"3\":2016.0,\"5\":147,\"6\":\"\u5176\u5B83\",\"7\":\"Android\",\"8\":\"\u9A81\u9F99\uFF08Snapdragon)\",\"9\":\"\u9A81\u9F99435\uFF08MSM8940\uFF09\",\"10\":\"\u516B\u6838\",\"11\":1.4,\"14\":5.2,\"15\":\"1280\u00D7720\uFF08HD\uFF09\",\"16\":1600.0,\"17\":1300.0,\"18\":2900.0}","specialSpec":"{\"4\":[\"\u73AB\u7470\u91D1\",\"\u91D1\u8272\",\"\u9ED1\u8272\",\"\u5F3A\u5316\u7248\u9ED1\u8272\"],\"12\":[\"3GB\",\"4GB\"],\"13\":[\"32GB\"]}","packingList":"\u4E3B\u673Ax1\u3001\u8033\u673Ax1\u3001\u6570\u636E\u7EBFx1\u3001\u5145\u7535\u5668x1\u3001SIM\u5361\u901A\u9488x1\u3001\u4FDD\u62A4\u5957x1\u3001\u4EA7\u54C1\u4FE1\u606F\u624B\u518C\u53CA\u4FDD\u4FEE\u5361x1","afterService":"\u672C\u4EA7\u54C1\u5168\u56FD\u8054\u4FDD\uFF0C\u4EAB\u53D7\u4E09\u5305\u670D\u52A1\uFF0C\u8D28\u4FDD\u671F\u4E3A\uFF1A\u4E00\u5E74\u8D28\u4FDD"};
    const f = [{"id":3712633,"spuId":11,"title":"OPPO A57 3GB+32GB\u5185\u5B58\u7248 \u91D1\u8272 \u5168\u7F51\u901A4G\u624B\u673A \u53CC\u5361\u53CC\u5F85","images":"http:\/\/image.leyou.com\/images\/4\/13\/1524297329122.jpg","price":109900,"ownSpec":"{\"4\":\"\u91D1\u8272\",\"12\":\"3GB\",\"13\":\"32GB\"}","indexes":"1_0_0","enable":true,"createTime":"2018-04-21T15:55:29.000+08:00","lastUpdateTime":"2018-04-21T15:55:29.000+08:00","stock":9999},{"id":3979765,"spuId":11,"title":"OPPO A57 3GB+32GB\u5185\u5B58\u7248 \u9ED1\u8272 \u5168\u7F51\u901A4G\u624B\u673A \u53CC\u5361\u53CC\u5F85","images":"http:\/\/image.leyou.com\/images\/4\/9\/1524297329463.jpg","price":109900,"ownSpec":"{\"4\":\"\u9ED1\u8272\",\"12\":\"3GB\",\"13\":\"32GB\"}","indexes":"2_0_0","enable":true,"createTime":"2018-04-21T15:55:29.000+08:00","lastUpdateTime":"2018-04-21T15:55:29.000+08:00","stock":9999},{"id":4143422,"spuId":11,"title":"OPPO A57 3GB+32GB\u5185\u5B58\u7248 \u73AB\u7470\u91D1\u8272 \u5168\u7F51\u901A4G\u624B\u673A \u53CC\u5361\u53CC\u5F85","images":"http:\/\/image.leyou.com\/images\/14\/7\/1524297328648.jpg","price":109900,"ownSpec":"{\"4\":\"\u73AB\u7470\u91D1\",\"12\":\"3GB\",\"13\":\"32GB\"}","indexes":"0_0_0","enable":true,"createTime":"2018-04-21T15:55:29.000+08:00","lastUpdateTime":"2018-04-21T15:55:29.000+08:00","stock":9999},{"id":6267969,"spuId":11,"title":"OPPO A83 \u5168\u9762\u5C4F\u62CD\u7167\u624B\u673A 4GB+32GB \u9ED1\u8272 \u5168\u7F51\u901A \u79FB\u52A8\u8054\u901A\u7535\u4FE14G \u53CC\u5361\u53CC\u5F85\u624B\u673A","images":"http:\/\/image.leyou.com\/images\/10\/3\/1524297329799.jpg","price":129900,"ownSpec":"{\"4\":\"\u5F3A\u5316\u7248\u9ED1\u8272\",\"12\":\"4GB\",\"13\":\"32GB\"}","indexes":"3_1_0","enable":true,"createTime":"2018-04-21T15:55:30.000+08:00","lastUpdateTime":"2018-04-21T15:55:30.000+08:00","stock":9999}];
    const g = {"id":2032,"name":"OPPO","image":"http:\/\/img10.360buyimg.com\/popshop\/jfs\/t2119\/133\/2264148064\/4303\/b8ab3755\/56b2f385N8e4eb051.jpg","letter":"O"};
</script>
<script type="text/javascript" src="/js/model/cartModel.js"></script>
<script type="text/javascript" src="/js/plugins/jquery.easing/jquery.easing.min.js"></script>
<script type="text/javascript" src="/js/plugins/sui/sui.min.js"></script>
<script type="text/javascript" src="/js/plugins/jquery.jqzoom/jquery.jqzoom.js"></script>
<script type="text/javascript" src="/js/plugins/jquery.jqzoom/zoom.js"></script>
<script type="text/javascript" src="index/index.js"></script>
</body>

</html>
